
<!DOCTYPE html>
<html>
    <head>
        <title>Project Mini Me</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width">
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
        <link href='http://fonts.googleapis.com/css?family=Roboto:300,100' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/style.css') }}">
    </head>
    <body>
        
        <div class="top-bar">
            <div class="inner-wrap">
                <p class="confidential"><span class="title">MiniMe <span class="sep">|</span></span> Confidental.  For Internal Use Only.</p>
            </div>
        </div>

        <header class="masthead">
            <div class="phone-arrangement">
                <div class="phone preload-me"><img src="{{ url_for('static', filename='img/landing/1.png')}}" alt="Custom Phone Case Image"></div>
                <div class="phone preload-me"><img src="{{ url_for('static', filename='img/landing/2.png')}}" alt="Custom Phone Case Image"></div>
                <div class="phone preload-me"><img src="{{ url_for('static', filename='img/landing/3.png')}}" alt="Custom Phone Case Image"></div>
                <div class="phone preload-me"><img src="{{ url_for('static', filename='img/landing/4.png')}}" alt="Custom Phone Case Image"></div>
                <div class="phone preload-me"><img src="{{ url_for('static', filename='img/landing/5.png')}}" alt="Custom Phone Case Image"></div>
                <div class="phone preload-me"><img src="{{ url_for('static', filename='img/landing/6.png')}}" alt="Custom Phone Case Image"></div>
                <div class="phone preload-me"><img src="{{ url_for('static', filename='img/landing/7.png')}}" alt="Custom Phone Case Image"></div>
                <div class="phone preload-me"><img src="{{ url_for('static', filename='img/landing/8.png')}}" alt="Custom Phone Case Image"></div>
            </div>
            <div class="inner-wrap">
                <h1>MiniMe</h1>
                <h2> Build with what you love.</h2>
            </div>
        </header>

        <div id="main">

            <section class="fullwidth intro">
                <h1 class="title">A Case for Everyone</h1>
                <p class="body-text">MiniMe is a phone case customization platform that provides users with infinite choices using their own photos, sounds and locations. We’re turning the user into a designer and bringing personalization to Android accessories in a way that only Google&nbsp;can.</p>
            </section>

            <section class="gray fullwidth principles">

                <div class="wrapper">

                 <div class="simpleblocks">

                        <div class="block choice-matters">
                            <div class="squarebox"></div>
                            <h3>Choice Matters</h3>
                            <p class="small">43% of consumers say that the selection of cases play a major role when choosing their phone.  
Which gives Apple a huge advantage. With MiniMe we’re creating an “infinite shelf” of choices &mdash; one more huge reason to choose&nbsp;Android.</p>
                        </div>

                        <div class="block digital-meets-physical">
                            <div class="squarebox"></div>
                            <h3>Digital Meets Physical</h3>
                            <p class="small">The creation experience is playful and fun, like a Chrome experiment that you can&nbsp;print.</p>
                        </div>

                        <div class="block brought-to-you-by-google">
                            <div class="squarebox"></div>
                            <h3>Brought To You By Google</h3>
                            <p class="small">Every aspect of MiniMe is made possible by Google technology -- Voice, Maps, Play and&nbsp;Google+. </p>
                        </div>

                        <div class="block live-wallpapers">
                            <div class="squarebox"></div>
                            <h3>Live Wallpapers</h3>
                            <p class="small">When the case is fitted onto the phone, an embedded NFC chip incites a live wallpaper unique to each design. The final case feels alive with a matching dynamic wallpaper that interacts with you&nbsp;everyday.</p>
                        </div>

                        <div class="block different-finishes">
                            <div class="squarebox"></div>
                            <h3>Different Finishes</h3>
                            <p class="small">Print your creations out on matte, gloss, or metallic&nbsp;cases.</p>
                        </div>

                        <div class="block opportunity-platform">
                            <div class="squarebox"></div>
                            <h3>An Opportunity Platform</h3>
                            <p class="small">Having an open platform means that the designs created for phone cases can extend to almost anything such as headphones, laptop cases and wearables. It also means that our future partners can reinterpret, redefine and reinvent the platform to create an even more specialized experience for their&nbsp;brand.</p>
                        </div>
                    </div>

                </div>

            </section>

            <section class="fullwidth many-ways">
                <div class="wrapper">
                    <h1>Many ways to personalize</h1>
                    <div class="phones">
                        <div class="phone moments preload-me"><img src="{{ url_for('static', filename='img/cases/moments-highlight.png')}}" alt="Phone Case Image"></div>
                        <div class="phone mapme preload-me"><img src="{{ url_for('static', filename='img/cases/mapme-highlight.png')}}" alt="Phone Case Image"></div>
                        <div class="phone voices preload-me"><img src="{{ url_for('static', filename='img/cases/voices-highlight.png')}}" alt="Phone Case Image"></div>
                    </div>
                </div>
            </section>

            <section class="fullwidth anchor-buttons">
                <div class="wrapper">
                    <a href="#moments" class="case-anchor moments" data-type="moments">
                        <span class="icon"></span>
                        <h3>Moments</h3>
                    </a>
                    <a href="#mapme" class="case-anchor mapme" data-type="mapme">
                        <span class="icon"></span>
                        <h3>Places</h3>
                    </a>
                    <a href="#voices" class="case-anchor voices" data-type="voices">
                        <span class="icon"></span>
                        <h3>Voices</h3>
                    </a>
                </div>
            </section>


            <section id="moments" class="generator moments">
                <div class="wrapper">
                    <h1 class="title">Design with your photos</h1>
                    <h2 class="subtitle">Our simple designs help you make something beautiful out of something personal.</h2>
                    <div class="slider">
                        <div class="arrow left"></div>
                        <div class="arrow right"></div>

                        <div class="slidewrap">
                            <div class="slideholder">
                                <div class="slide case">
                                    <img class="preload-me" src="{{ url_for('static', filename='img/cases/moments-0.png')}}" data-color="#e6f7f8" alt="Phone Case Image">
                                </div>
                                <div class="slide case">
                                    <img src="{{ url_for('static', filename='img/cases/moments-1.png')}}" data-color="#fff3cd" alt="Phone Case Image">
                                </div>
                                <div class="slide case">
                                    <img src="{{ url_for('static', filename='img/cases/moments-2.png')}}" data-color="#f1ece5" alt="Phone Case Image">
                                </div>
                                <div class="slide case">
                                    <img src="{{ url_for('static', filename='img/cases/moments-3.png')}}" data-color="#e9e9e9" alt="Phone Case Image">
                                </div>
                                <div class="slide case">
                                    <img src="{{ url_for('static', filename='img/cases/moments-4.png')}}" data-color="#dff1e8" alt="Phone Case Image">
                                </div>
                                <div class="slide case">
                                    <img src="{{ url_for('static', filename='img/cases/moments-5.png')}}" data-color="#f5f5f5" alt="Phone Case Image">
                                </div>
                                <div class="slide case">
                                    <img src="{{ url_for('static', filename='img/cases/moments-6.png')}}" data-color="#f7f7f7" alt="Phone Case Image">
                                </div>
                                <div class="slide case">
                                    <img src="{{ url_for('static', filename='img/cases/moments-7.png')}}" data-color="#e7f1f5" alt="Phone Case Image">
                                </div>
                            </div>
                            <div class="buttonholder"></div>
                        </div>
                    </div>
                </div>
            </section>
             <section id="mapme" class="generator mapme">
                <div class="wrapper">
                    <h1 class="title">Hold Your Happy Place</h1>
                    <h2 class="subtitle">Your favorite location can be turned into a stylized map case so you never have to let go.</h2>
                    <div class="slider">
                        <div class="arrow left"></div>
                        <div class="arrow right"></div>

                        <div class="slidewrap">
                            <div class="slideholder">
                                <div class="slide case">
                                    <img class="preload-me" src="{{ url_for('static', filename='img/cases/mapme-1.png')}}" data-color="#ffdcd1" alt="Phone Case Image">
                                </div>
                                <div class="slide case">
                                    <img src="{{ url_for('static', filename='img/cases/mapme-0.png')}}" data-color="#f3ecf8" alt="Phone Case Image">
                                </div>
                                <div class="slide case">
                                    <img src="{{ url_for('static', filename='img/cases/mapme-2.png')}}" data-color="#fdd9d7" alt="Phone Case Image">
                                </div>
                                <div class="slide case">
                                    <img src="{{ url_for('static', filename='img/cases/mapme-3.png')}}" data-color="#cfe4f4" alt="Phone Case Image">
                                </div>
                                <div class="slide case">
                                    <img src="{{ url_for('static', filename='img/cases/mapme-4.png')}}" data-color="#ffd0c2" alt="Phone Case Image">
                                </div>
                                <div class="slide case">
                                    <img src="{{ url_for('static', filename='img/cases/mapme-5.png')}}" data-color="#e8e8e8" alt="Phone Case Image">
                                </div>
                                <div class="slide case">
                                    <img src="{{ url_for('static', filename='img/cases/mapme-6.png')}}" data-color="#ffffff" alt="Phone Case Image">
                                </div>
                            </div>
                            <div class="buttonholder"></div>
                        </div>
                    </div>
                </div>
            </section>
            <section id="voices" class="generator voices">
                    <div class="wrapper">
                        <h1 class="title">Paint By Voice</h1>
                        <h2 class="subtitle">Use your voice to turn a phrase into a work of art.</h2>
                        <div class="slider">
                            <div class="arrow left"></div>
                            <div class="arrow right"></div>

                            <div class="slidewrap">
                                <div class="slideholder">
                                    <div class="slide case">
                                        <img class="preload-me" src="{{ url_for('static', filename='img/cases/voices-0.png')}}" data-color="#e1e7f9" alt="Phone Case Image">
                                    </div>
                                    <div class="slide case">
                                        <img src="{{ url_for('static', filename='img/cases/voices-1.png')}}" data-color="#dddbf6" alt="Phone Case Image">
                                    </div>
                                    <div class="slide case">
                                        <img src="{{ url_for('static', filename='img/cases/voices-2.png')}}" data-color="#f7fbf4" alt="Phone Case Image">
                                    </div>
                                    <div class="slide case">
                                        <img src="{{ url_for('static', filename='img/cases/voices-3.png')}}" data-color="#ead7d3" alt="Phone Case Image">
                                    </div>
                                    <div class="slide case">
                                        <img src="{{ url_for('static', filename='img/cases/voices-4.png')}}" data-color="#e9e0e2" alt="Phone Case Image">
                                    </div>
                                    <div class="slide case">
                                        <img src="{{ url_for('static', filename='img/cases/voices-5.png')}}" data-color="#deeaff" alt="Phone Case Image">
                                    </div>
                                    <div class="slide case">
                                        <img src="{{ url_for('static', filename='img/cases/voices-6.png')}}" data-color="#f5f5f5" alt="Phone Case Image">
                                    </div>
                                </div>
                                <div class="buttonholder"></div>
                            </div>
                        </div>
                    </div>
            </section>


             <section class="fullwidth footer">

                <div class="wrapper">

                    <h3>Make MiniMe Yours</h3>

                    <p class="center">The very first version of MiniMe will be launching early in 2015.</p>
                    <p class="center">Want to help bring MiniMe to life? <a href="mailto:minime-info@google.com">Contact&nbsp;us.</a></p>

                    <!-- <p class="center">Join our <a href="https://plus.sandbox.google.com/u/0/communities/117044843557584630727" target="_blank">Google Goods community on G+</a> for updates.</p> -->

                    <p class="center"><a href="http://go/projectminime" target="_blank">go/projectminime</a></p>

                </div>

            </section>

        </div>

        <div class="preloader-cover">
            <svg class="spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
               <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
            </svg>
        </div>

        
        {% if isDev %}
            <!-- build:js(./) ../static/js/app.js -->
            <script src="/static/js/components/jquery/dist/jquery.js"></script>
            <script src="/static/js/components/slick-carousel/slick/slick.js"></script>
            <script src="/static/js/components/greensock/src/uncompressed/TweenMax.js"></script>
            <script src="/static/js/components/imagesloaded/imagesloaded.pkgd.js"></script>
            <script src="/static/js/main.js"></script>
            <!-- endbuild -->
        {% else %}
            <script src="{{ url_for('static', filename='js/app.js')}}"></script>
        {% endif %}

        <script>
          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

          ga('create', 'UA-55385061-1', 'auto');
          ga('send', 'pageview');

        </script>


    </body>
</html>